﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XuatPhieuThu.aspx.cs" Inherits="WebApplication.Admin.XuatPhieuThu"  MasterPageFile="~/Admin/Web.Master"%>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<asp:Content ContentPlaceHolderID="Header" runat="server">
    <script src="assets/combobox/jquery-1.9.1.js" type="text/javascript"></script>
    <link href="assets/combobox/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
    <script src="assets/combobox/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
 <style>
     
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 0.3em;
  }
    table > tbody > tr > td {
    padding: 0px;
}
tbody tr td {
    border: 0px solid #CCCCCC;
}
tbody tr td {
    border: 0px solid #CCCCCC;
}
th, td, .table-bordered {
    border-radius: 0 !important;
}
     .a
     {
         padding:12px;
         border:1px solid #4F99C6;
         background:#4F99C6;
         color:White;
         text-decoration:none;
     }
     .a:hover
     {
          padding:10px;
         border:1px solid #4F99C6;
         background:#4F99C6;
         color:White;
         text-decoration:none;
     }
  </style>
  <script>
      (function ($) {
          $.widget("custom.combobox", {
              _create: function () {
                  this.wrapper = $("<span>")
          .addClass("custom-combobox")
          .insertAfter(this.element);

                  this.element.hide();
                  this._createAutocomplete();
                  this._createShowAllButton();
              },

              _createAutocomplete: function () {
                  var selected = this.element.children(":selected"),
          value = selected.val() ? selected.text() : "";

                  this.input = $("<input>")
          .appendTo(this.wrapper)
          .val(value)
          .attr("title", "")
          .addClass("custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left")
          .autocomplete({
              delay: 0,
              minLength: 0,
              source: $.proxy(this, "_source")
          })
          .tooltip({
              tooltipClass: "ui-state-highlight"
          });

                  this._on(this.input, {
                      autocompleteselect: function (event, ui) {
                          ui.item.option.selected = true;
                          this._trigger("select", event, {
                              item: ui.item.option
                          });
                      },

                      autocompletechange: "_removeIfInvalid"
                  });
              },

              _createShowAllButton: function () {
                  var input = this.input,
          wasOpen = false;

                  $("<a>")
          .attr("tabIndex", -1)
          .attr("title", "Show All Items")
          .tooltip()
          .appendTo(this.wrapper)
          .button({
              icons: {
                  primary: "ui-icon-triangle-1-s"
              },
              text: false
          })
          .removeClass("ui-corner-all")
          .addClass("custom-combobox-toggle ui-corner-right")
          .mousedown(function () {
              wasOpen = input.autocomplete("widget").is(":visible");
          })
          .click(function () {
              input.focus();

              // Close if already visible
              if (wasOpen) {
                  return;
              }

              // Pass empty string as value to search for, displaying all results
              input.autocomplete("search", "");
          });
              },

              _source: function (request, response) {
                  var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                  response(this.element.children("option").map(function () {
                      var text = $(this).text();
                      if (this.value && (!request.term || matcher.test(text)))
                          return {
                              label: text,
                              value: text,
                              option: this
                          };
                  }));
              },

              _removeIfInvalid: function (event, ui) {

                  // Selected an item, nothing to do
                  if (ui.item) {
                      return;
                  }

                  // Search for a match (case-insensitive)
                  var value = this.input.val(),
          valueLowerCase = value.toLowerCase(),
          valid = false;
                  this.element.children("option").each(function () {
                      if ($(this).text().toLowerCase() === valueLowerCase) {
                          this.selected = valid = true;
                          return false;
                      }
                  });

                  // Found a match, nothing to do
                  if (valid) {
                      return;
                  }

                  // Remove invalid value
                  this.input
          .val("")
          .attr("title", value + " didn't match any item")
          .tooltip("open");
                  this.element.val("");
                  this._delay(function () {
                      this.input.tooltip("close").attr("title", "");
                  }, 2500);
                  this.input.data("ui-autocomplete").term = "";
              },

              _destroy: function () {
                  this.wrapper.remove();
                  this.element.show();
              }
          });
      })(jQuery);

      $(function () {
          $("#<%=comboboxs.ClientID %>").combobox();
          $("#toggle").click(function () {
              $("#<%=comboboxs.ClientID %>").toggle();
          });
      });
  </script>
</asp:Content>
<asp:Content ContentPlaceHolderID="maint" runat="server">
    <div>
Chọn khách hàng thuộc nhóm hàng :
<asp:DropDownList ID="Dlnhomhang" runat="server" AutoPostBack="True" 
        onselectedindexchanged="Dlnhomhang_SelectedIndexChanged"></asp:DropDownList>
Chọn khách hàng :
<asp:DropDownList ID="comboboxs" runat="server"></asp:DropDownList>
<asp:LinkButton ID="ltbnxem" runat="server" CssClass="btn btn-info" 
            onclick="ltbnxem_Click" >Xem</asp:LinkButton>
</div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <rsweb:ReportViewer ID="ReportViewer1" runat="server" Width="100%">
    </rsweb:ReportViewer>
</asp:Content>


